<?php slot('header')?>
<style type="text/css">
	aside.right{
		float: none;
		width: auto;
		margin-top: -20px;
	}
	#contact-form{
		width: 700px;
		border: 1px solid #ccc;
		margin: 15px auto;
		padding: 0px;
		border-radius: 5px 5px 0px 0px;
		-moz-border-radius: 5px 5px 0px 0px;
		-o-border-radius: 5px 5px 0px 0px;
		-webkit-border-radius: 5px 5px 0px 0px;
	}
	#contact-form form{
		padding: 10px 20px;
	}
	#contact-form form label {
		width: 220px;
	}
	#contact-form .note{
		padding: 0px 25px;
	}
	div.p-title.product{
		margin: 0px 0px 20px 0px;
		border-radius: 5px 5px 0px 0px;
		-moz-border-radius: 5px 5px 0px 0px;
		-o-border-radius: 5px 5px 0px 0px;
		-webkit-border-radius: 5px 5px 0px 0px;
	}
</style>
<script type="text/javascript">
$(function(){
	MAIN.setMenu('a');
	FORM.init();
});
function onSent(data){
	$data = $.parseJSON(data);
	if(parseInt($data.status,10) == 1){
		ERROR.clear();
		ERROR.add($data.message);
		ERROR.showSuccess();
		$('#txtFullName').val('');
		$('#txtPhoneNumber').val('');
		$('#txtEmail').val('');
		$('#txtAddress').val('');
		$('#txtContent').val('');
		$('#txtCaptcha').val('');
		$('img.captcha').trigger('click');
	}else{
		ERROR.clear();
		ERROR.add($data.message);
		ERROR.show();
		$('#txtCaptcha').val('');
		$('img.captcha').trigger('click');
	}
}
</script>
<?php end_slot()?>
<?php slot('rhead')?>
<?php include_component('componentUlti', 'slide')?>
<?php end_slot()?>
<div class="hline" style="border-top: 2px solid #fff"></div>
<div class="logo-none-slogan"></div>
<div class="p-title">Liên hệ</div>
<div class="content-padding">
	<div class="content-padding" id="contact-form">
		<div class="p-title product">Sản phẩm phần mềm</div>
		<div class="note"><?php echo html_entity_decode(nl2br($data['contact']))?></div>
		<form id="fContact" name="fContact" action="?" method="post" class="form-horizal">
			<div>
				<label class="required">Họ tên</label>
				<input type="text" data-error="Tên của bạn ?" name="txtFullName" value="" class="hz-required" id="txtFullName"/>
			</div>
			<div>
				<label class="required">Số điện thoại</label>
				<input type="text" data-error="Số điện thoại của bạn ?" name="txtPhoneNumber" value="" class="hz-required number" id="txtPhoneNumber"/>
			</div>
			<div>
				<label class="required">Email của bạn</label>
				<input type="text" data-error="Email của bạn ?" name="txtEmail" value="" class="hz-required hz-email" id="txtEmail"/>
			</div>
			<div>
				<label class="">&nbsp;&nbsp;&nbsp;Địa chỉ</label>
				<input type="text" data-error="Địa chỉ của bạn ?" name="txtAddress" value="" class="" id="txtAddress"/>
			</div>
			<div>
				<label class="required ctop" >Nội dung</label>
				<textarea data-error="Nội dung cần liên hệ ?" rows="6" cols="6" class="hz-required" name="txtContent" id="txtContent"></textarea>
			</div>
			<div>
				<label class="required">Mã bảo vệ</label>
				<input style="width: 140px;" type="text" placeholder="Nhập ký tự ở hình bên" data-error="Bạn hãy nhập mã bảo vệ !" name="txtCaptcha" value="" class="number hz-required captcha" id="txtCaptcha"/>
				<img title="Click vào đây để thay đổi mã bảo vệ" class="captcha" />
			</div>
			<div>
				<label>&nbsp;</label>
				<img style=" cursor: pointer" src="/css/daiviet/img/vi/contact-send.png" class="hz-submit-ajax" data-form-id="fContact" data-url="<?php echo url_for2('contact_send')?>" callback-after-success="onSent"/>
				<div class="hz-clr"></div>
			</div>
		</form>
	</div>
</div>